@charset "utf-8";
@import "utils";
/*@import "common";*/ 
/*@import "reset";*/

.scWeb{ 
    @include web;
    //头部引入
    .cont{
        @include midContent; 
        .contone{
            width: 100%;
//          height:r(177);
            padding-bottom: r(35);
            background: #fafafa;
            padding-left: r(25);
             color: #b0b0b0;
            .contone_top{
                font-size: 0;
                padding-top: r(35);
                overflow: hidden;
                &>li{
                    max-width: 30%;
                    font-size: r(20+8);
                    display: inline-block;
                    vertical-align: middle;
                    overflow: hidden;
                }
                &>li:first-child{
                    margin-right: r(40);

                }
                &>li:last-child{
                    float: right;
                    margin-right: r(30);
                    width: r(104);
                    height: r(38);
                    line-height: r(38);
                    background: #e39d88;
                    color: #fff;
                    text-align: center;
                }
            }
            .contone_bottom{
                position: relative;
                top: 0;
                left: 0;
                width: 100%;
                overflow: hidden;
//              margin-top: r(20);
                .contone_bottom_font{
//                  width: r(553);
                    width:88%;
                    overflow: hidden;
//                  text-overflow: ellipsis;
//                  -webkit-line-clamp: 2;
//                  display: -webkit-box;
//                  -webkit-box-orient: vertical;
                    display: inline-block;
                    vertical-align: middle;
                    &>p{
                        display: inline-block;
                        font-size: r(20+8);
                    }
                    &>span{
                        color: #606160;
                        line-height: 1.5;
                        display: inline-block;
                        font-size: r(20+8);
                    }
                }
                .contone_bottom_pic{
//                  position: absolute;
//                  top: r(-30);
//                  right: r(-45);
//                  margin-left: r(45);
                    display: inline-block;
                    width: r(23);
                    height: r(30);
                    @include aImg;
                    vertical-align: middle;
                }
            }
        }
        .cont_1{
            width: 100%;
            margin-top: r(40);
            padding-bottom: r(50);
            overflow: hidden;
            height: r(45);
            line-height: r(45);
            font-size: 0;
            li{
                font-size: r(23+8);
                display: inline-block;
                height: 100%;
                line-height: r(45);
                vertical-align: middle;
                color: #626362;   
            }
            &>li:first-child{
                margin-left: r(20);
                color: #626362;   
            }
            &>li:nth-child(2){
                width: r(540);
                height: 100%;
                overflow: hidden;
            }
            &>li:nth-child(3){
                width: r(23);
                img{
                    display: inline-block;
                    vertical-align: middle;
                    width: 100%;
                }
            }
        }
        .shop{
            width: 100%;
            position: relative;
            overflow: hidden;
            margin: 0 auto;
            padding-bottom: r(60);
            padding-top:r(15);
            font-size: 0;
        .cont_2{
            width: r(235);
            height: r(184);
            margin-left: r(12);
            position: relative;
//          float: left;
            display: inline-block;
            vertical-align: top;
            border-radius: r(5);
            overflow: hidden;
            img{
                    width: 100%;
                    @include abCenter;
                }
        }
        .cont_3{
            width: r(420);
            min-height: r(182);
//          height: r(184);
//          float: right;
            display: inline-block;
            vertical-align: middle;
            margin-left: r(15);
            position: relative;
            overflow: hidden;
            >p{
                width:55%;
                font-size: r(24+8);
                color: #535353;
                padding-bottom: r(10);
                display: -webkit-box;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }
            >span{
                width: 70%;
                overflow: hidden;
                display: inline-block;
                color: #c76e50;
                font-size: r(24+8);
//              position: absolute;
                bottom: r(7);
                left: 0;
            }
            .cont_3_1{
                overflow: hidden;
                width: 40%;
//              height: r(58);
                position: absolute;
                bottom: r(40);
                right: 0;
                p{
                   float: right;
                   color: #535353;
                   font-size: r(24+8);
                   padding: 0;
                }
                .cont_3_1:last-of-type{
                    overflow: hidden;
                    float: right;
                    color: #8f8f8f; 
                    font-size: r(23+8);
                }
            }
        }
        
        .clear_f{
            clear: both;
        }
        }
        .cont_two_1{
            width: 99%;
            height: r(151);
            border: solid r(2) #e7e7e7;
            margin-bottom: r(59);
            color: #606160;
            p{
                font-size: r(23+8);
                padding-top: r(30);
                padding-left: r(30);
            }
            p:last-of-type{
                font-size: r(23+8);
                padding-top: r(23);
                padding-left: r(30);
            }
        }
        .cont_two_2{
            width: 100%;
//          height: r(500);
            border-top: dotted r(2) #e39d88;
            .cont_two_2_1{
                overflow: hidden;
                width: 100%;
                height: 100%;
                margin-top: r(55);
                .cont_two_2_1_one{
                    width: 36%;
                    height: 100%;
                    float: left;
                    ul{
                        width: 100%;
                        height: 100;
                        list-style: none;
                        .partM{
                            display: none;
                        }
                        p{
                            color: #656665;
                            font-size: r(25+8);
                            padding-bottom: r(35);
                        }
                    }
                }
                .cont_two_2_1_two{
                    button{
                        outline: none;
                    }
                    overflow: hidden;
                    width: 63%;
                    height: 100%;
                    float: right;
                    .cont_two_2_1_two_1{
                        overflow: hidden;
                            width:100%;
                            height: r(50);
                            padding-bottom: r(13);
                            .t1{
//                              width: r(205);
                                padding: r(5) r(10);
//                              height: r(50);
                                float: right;
                                background: #e39d88;
                                letter-spacing: r(1);
                                font-size: r(23+8);
                                color: white;
                            }
                            p{
                                float: right;
                                font-size: r(23+8);
                                line-height: r(50);
                                color: #656665;
                                margin-right: r(15);
                            }
                    }
                    .cont_two_2_1_two_2{
                        overflow: hidden;
                            width:100%;
                            height: r(50);
                            padding-bottom: r(12);
                            position: relative;
                            .t1{
//                              width: r(205);
//                              height: r(50);
                                padding: r(5) r(10);
                                float: right;
                                background: #e39d88;
//                              letter-spacing: r(1);
                                p{
                                    font-size: r(23+8);
                                    color: white;
                                    margin-right: r(21);
                                }
                            }
                            .t2{
                                transform: rotate(180deg);
                                transition: transform .3s;
                                width: r(14);
                                height: r(8);
                                position: absolute;
                                top: r(23);
                                right: r(11);
                                img{
                                        width: 100%;
                                        @include abCenter;
                                    }
                            }
                            
                    }
                    .cont_two_2_1_two_3{
                        display: none;
                        overflow: hidden;
                        text-align: right;
                        font-size: 0;
                            width:100%;
//                          height: r(50);
                            position: relative;
                            padding-bottom: r(12);
                            br{
//                              display: none;
//                              font-size:0 ;
//                              display: block;
//                              height: r(0);
                            }
                            .t3:not(:first-of-type){
                                margin-top: r(15);
                            }
                            .t3{
                                display: inline-block;
//                              width: r(161);
//                              height: r(41);
                                padding: r(5) r(10);
                                background:#b9b9b9;
//                              float: right;
                                margin-right:r(4);
                                p{
                                    text-align: center;
//                                  float: right;
                                    font-size: r(24+8);
                                    color: white;
//                                  letter-spacing: r(25);
                                }
                            }
                        }
                }
            }
        }
    }
    
}
